/* Theme Name: Wadari Ubud Retreat Theme URI: http://www.baliwebcreator.com Description:

Corporate CMS website template

Version: 1.0 Updated Date:04/01/2018 Author: Bali Web Creator Created Date:01/11/2016 Author URI: http://www.baliwebcreator.com */ @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600'); html { position: relative; min-height: 100%; } body { background:#fff; background-attachment: fixed; color: #555; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight:400; overflow-x:hidden; padding:0; letter-spacing:.035rem; } /* ------------------------------------- COMMON ----------------------------------------*/ h1,h2,h3,h4, .h1, .h2, .h3, .h4{ color:#000; margin:0 0 20px 0; font-weight: 300; line-height: 1.2; } h1, .h1 { font-size: 3.2em; } h2, .h2 { font-size: 2.5em; letter-spacing: 1px; } h3, .h3{font-size:1.8em; line-height:1.2;} h3.smaller, .h3.smaller{font-size:1.5em; line-height:1.2;} h2.underline, h3.underline, .h2.underline, .h3.underline{display:inline-block; line-height:normal;} h2.underline.light, h3.underline.light, .h2.underline.light, .h3.underline.light{color:#fff;} h2.underline:after, h3.underline:after, .h2.underline:after, .h3.underline:after{ border-bottom:2px solid #cba55c; content:" "; display:table; margin:20px auto 10px auto; width:54px; } h2.underline.light:after, h3.underline.light:after, .h2.underline.light:after, .h3.underline.light:after{border-bottom:2px solid #cba55c;} h2.underline.left:after, h3.underline.left:after, .h2.underline.left:after, .h3.underline.left:after{margin:20px auto 10px 0;} h2.underline.right:after, h3.underline.right:after, .h2.underline.right:after, .h3.underline.right:after{margin:20px 0 10px auto;} h4, .h4{ font-size: 18px; font-weight:400; line-height:1.4; } p{ line-height: 1.5; margin-bottom:20px; } .font-2x, .font-2x p{font-size:16px !important; line-height:27px; font-weight:300;} .font-3x, .font-3x p{font-size:18px !important; line-height:30px; font-weight:300;} .font-4x, .font-4x p{font-size:20px !important; line-height: 33px; font-weight:300;} blockquote { border: none; color: #333333; font-size: 18px; font-weight: 500; font-style: italic; line-height: 32px; margin-bottom: 20px; padding: 0px; } a, a i{ color: #000; outline:none !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } a:hover, a:focus{ color: #ae8f60; text-decoration:none; } img{ height: auto; max-width: 100%; } img.img-responsive{width:100%; height:auto;} hr {border-color: rgba(0,0,0, 0.075);} ul, ol { margin-top: 0; margin-bottom: 20px; } strong{font-weight:600;} section {padding:90px 0;} button{outline:none;} .clearfix{clear:both;} .border-bottom{ border-bottom: 1px #d2d0cd solid; } .container{max-width:1280px; width:96%;} .smaller-gap .container{padding-left:5px; padding-right:5px;} .smallest-gap .container{padding-left:2px; padding-right:2px;} .container-fluid.small{padding-left:5vw; padding-right:5vw; font-size:initial} .container-fluid.smaller{padding-left:10vw; padding-right:10vw;} .small-gap .row{margin-left:-10px; margin-right:-10px;} .small-gap [class*="col-"]{padding-left: 10px; padding-right: 10px;} .smaller-gap .row{margin-left:-5px; margin-right:-5px;} .smaller-gap [class*="col-"]{padding-left: 5px; padding-right: 5px;} .smallest-gap .row{margin-left:-2px; margin-right:-2px;} .smallest-gap [class*="col-"]{padding-left: 2px; padding-right: 2px;} .no-gap .row{margin-left:0px; margin-right:0px;} .no-gap [class*="col-"]{padding-left: 0px; padding-right: 0px;} /* ------------------------------------- LOGO ----------------------------------------*/ #logo{ position: absolute; display: block; top: 0; left: 2%; z-index: 999; width: 180px; margin:5px 0; text-align: center; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; overflow: hidden; } #logo img{width:100%;} .on #logo{width:145px;} /* ------------------------------------- HEADER ----------------------------------------*/ header{ background: transparent; top: 0; left: 0; width: 100%; position: absolute; z-index: 99; } header .container{ position: relative; width: 100%; max-width:initial; padding: 0px; } header nav{ transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -webkit-transition-property: opacity,background-color,-webkit-transform; transition-property: opacity,background-color,-webkit-transform; transition-property: opacity,background-color,transform; transition-property: opacity,background-color,transform,-webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; position:fixed; top:0; width:100%; background:transparent; } .nav-active header nav, .nav-inactive header nav{ background:#fff; } .nav-active header nav{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1; -webkit-transition-duration: .3s; transition-duration: .3s; box-shadow: 0 1px 5px 0 rgba(0,0,0,.075); transform: translate3d(0,0,0);} .nav-inactive header nav{ -webkit-transform: translate3d(0,-27px,0); transform: translate3d(0,-27px,0); -webkit-transition-duration: .5s; transition-duration: .5s;} #mobile-menu-trigger #main-logo { text-align: left; } .btn.btn-book{ color:#fff; text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 15px 20px !important; margin: 0 0 0 0; border-radius: 0; float: right; letter-spacing: 0 !important; position:absolute; right:2%; top:12px; } .on .btn.btn-book{top:5px} /* ------------------------------------- MAIN NAV ----------------------------------------*/ .top-bar{background:#333;} .top-bar .parent-menu ul, .top-bar .parent-menu li{list-style:none; margin:0; padding:0;} .top-bar .parent-menu li{display:inline-block} .parent-menu li a{ font-size: 11px; color: rgba(255,255,255,.75); padding: 6px 10px; text-transform: uppercase; display: inline-block; } .parent-menu li:first-child a{padding-left:0} .parent-menu li:last-child a{padding-right:0} .on #nav-menu.navbar-default, .no-slider #nav-menu.navbar-default { box-shadow: 1px 1px 5px rgba(0,0,0,.1); background-color:#fff !important; } .on .navbar-collapse, .no-slider .navbar-collapse { max-height: inherit; } .on .navbar-nav > li > a, .no-slider .navbar-nav > li > a {color:#333; padding: 20px 8px;} .on .navbar-nav > li > a:hover, .no-slider .navbar-nav > li > a:hover{ color:#cba55c; } #nav-menu{transition:all 0.2s;} #nav-menu.navbar-default{ clear:both; margin-bottom:0; border-color: rgba(0,0,0,.05); border-width: 0; border-radius:0; width:100%; z-index:99; background:#fff; } nav{width:100%;} nav .top{font-size:14px;} .navbar-default{ border-color: transparent; border-width: 0; border-radius:0; clear:both; margin-bottom:0; padding:0; width:100vw; } #primary-menu{margin-right:0} .navbar{min-height:61px;} .navbar-collapse{ max-height:inherit; text-align:center; } .navbar-nav{ display:inline-block; float:none; } .navbar-nav > li{float:none; display:inline-block;} .navbar-nav > li > a { color: #fff; font-weight: 600; font-size: 13px; padding: 27px 8px; text-transform: uppercase; letter-spacing: 1px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: transparent; border-color: transparent !important; } .navbar-default .navbar-nav > li > a{color:#454545;} .navbar-toggle .icon-bar{height:3px;} .navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color:#cba55c; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color: transparent; color:#cba55c; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: transparent; color:#cba55c; } .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus{ background-color: transparent; color:#cba55c; } .on .navbar-default .navbar-nav > .active > a, .no-slider .navbar-default .navbar-nav > .active > a, .on .navbar-default .navbar-nav > .active > a:hover, .no-slider .navbar-default .navbar-nav > .active > a:hover, .on .navbar-default .navbar-nav > .active > a:focus, .no-slider .navbar-default .navbar-nav > .active > a:focus{ background-color: transparent; color:#cba55c; } .on .navbar-default .navbar-nav>li>a:hover, .on .navbar-default .navbar-nav>li>a:focus, .no-slider .navbar-default .navbar-nav>li>a:hover, .no-slider .navbar-default .navbar-nav>li>a:focus { background-color: transparent; color:#cba55c; } .on .navbar-default .navbar-nav > .current-menu-item > a, .on .navbar-default .navbar-nav > .current-menu-item > a:hover, .on .navbar-default .navbar-nav > .current-menu-item > a:focus, .no-slider .navbar-default .navbar-nav > .current-menu-item > a, .no-slider .navbar-default .navbar-nav > .current-menu-item > a:hover, .no-slider .navbar-default .navbar-nav > .current-menu-item > a:focus{ background-color: transparent; color:#d6a272; } /* .menu-item-has-children > a{padding-right:20px !important;} */ .menu-item-has-children > a:before{ content: ""; color: #fff; display: inline-block; font-family: FontAwesome; height: 10px; position: absolute; right: 5px; width: 10px; } .navbar-toggle, #mobile-menu-trigger { border-radius: 0px; background: transparent; border-width:0 0 0 1px; float: right; margin: 15px 0; padding: 10px 20px 10px 20px; position: relative; } #mobile-menu-trigger{cursor:pointer;} #mobile-menu-trigger .icon-bar { border-radius: 1px; background-color: #000; display: block; height: 2px; margin-top: 4px; width: 22px; } #mobile-menu-trigger .icon-bar:first-child{margin-top:0;} .on .menu-item-has-children > a:before, .no-slider .menu-item-has-children > a:before{color:#000;} .dropdown-menu {background:rgba(255,255,255,.95); border-radius: inherit;} .dropdown-menu > li > a{padding: 10px 20px;} .caret{margin-left:5px;} .sub-menu{ box-shadow: 0 2px 2px rgba(0, 0, 0, .175); background-color: #fff; background-clip: padding-box; display: none; float: left; left: 0; list-style: none; min-width: 200px; margin: 0; top: 100%; text-align:left; position: absolute; padding: 10px; z-index: 1000; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175); } .sub-menu > li > a { border-bottom:1px solid rgba(255,255,255, .1); clear: both; color: #000; display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; padding: 10px; line-height: 1.42857143; white-space: nowrap; } .sub-menu > li > a:hover{ color:#888; background:rgba(131, 131, 131, 0.2); } .sub-menu > li:last-child > a{ border-bottom:none; } .sub-menu .sub-menu{ left: 100%; top:0; } .expand-trigger:after{ border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; content:""; display: inline-block; height: 0; margin-right: 10px; margin-left: 2px; position: absolute; right: 0; top: 23px; vertical-align: middle; width: 0; } .sub-menu .expand-trigger:after{ border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid; top: 21px; } .navbar-nav > li > a.btn{padding: 20px 30px !important; margin-right:-15px; border-radius:0;} .btn.btn-yellow { background: #ffe000; border: 2px solid #ffe000; color: #3a3a4e; } #menu-toggle *{ transition: .2s ease-in-out; box-sizing: border-box; } #menu-toggle { width: 61px; height: 61px; margin: 0; position: relative; position: relative; cursor: pointer; display:none; } #menu-toggle span{ display: block; background: #fff; border-radius: 2px; } .on #menu-toggle span, .no-slider #menu-toggle span{background:#333;} #menu-toggle.open #cross span{ background: #000; } #menu-toggle #hamburger { position: absolute; height: 100%; width: 100%; } #menu-toggle #hamburger span { width: 30px; height: 1px; position: relative; top: 17px; left: 18px; margin: 6px 0; } #menu-toggle #hamburger span:nth-child(1) { transition-delay: .3s; } #menu-toggle #hamburger span:nth-child(2) { transition-delay: .4s; } #menu-toggle #hamburger span:nth-child(3) { transition-delay: .5s; } #menu-toggle #cross { position: absolute; height: 50px; width: 50px; transform: rotate(45deg); } #menu-toggle #cross span:nth-child(1) { height: 0%; width: 1px; position: absolute; top: 20%; left: 23px; transition-delay: 0s; } #menu-toggle #cross span:nth-child(2) { width: 0%; height: 1px; position: absolute; left: 22%; top: 23px; transition-delay: .1s; } #menu-toggle.open #hamburger span { width: 0%; } #menu-toggle.open #hamburger span:nth-child(1) { transition-delay: 0s; } #menu-toggle.open #hamburger span:nth-child(2) { transition-delay: .125s; } #menu-toggle.open #hamburger span:nth-child(3) { transition-delay: .25s; } #menu-toggle.open #cross span:nth-child(1) { height: 52%; transition-delay: .35s; } #menu-toggle.open #cross span:nth-child(2) { width: 52%; transition-delay: .2s; } .nav-main{ position: fixed; top: 0; right: 0; height: 100%; z-index: 105; } .nav-container{ position: absolute; top: 0; right: 0; height: 100vh; z-index: 98; } .nav-container .background{ display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(45, 45, 45, 0.6); z-index: 1; } #sidebar-wrapper { position: fixed; width: 35rem; padding:30px 30px 60px 30px; background: #f0f0f0; text-align:center; top: 0; right: 0; height: 100%; z-index: 98; -webkit-transform: translate3d(35rem,0,0); -moz-transform: translate3d(35rem,0,0); -ms-transform: translate3d(35rem,0,0); -o-transform: translate3d(35rem,0,0); transform: translate3d(35rem,0,0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transition-duration: 750ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } #sidebar-wrapper.active { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow-y: auto; } @media only screen and (max-width:480px){ #sidebar-wrapper { width: 100vw; -webkit-transform: translate3d(100rem,0,0); -moz-transform: translate3d(100rem,0,0); -ms-transform: translate3d(100rem,0,0); -o-transform: translate3d(100rem,0,0); transform: translate3d(100rem,0,0); } } #sidebar-wrapper .logo{ padding-top: 20px; padding-bottom: 35px; width: 160px; display:inline-block; } #sidebar-wrapper hr{background:rgba(255,255,255,.1;)} .sidebar-nav li a:hover{background:transparent;} #menu-toggle { position: fixed; top: 0; right: 0; z-index: 99; } .nav-main.active #menu-toggle {background:transparent;} .burger-menu.navbar-nav{margin:0; float:none !important;} .burger-menu.navbar-nav > li{ display:block; float:none; overflow:hidden; text-align:left; } .burger-menu.navbar-nav > li > a, .burger-menu.navbar-nav > li > a.btn{ border:none !important; border-radius:0; color:#454545; line-height:18px; text-align:right; padding: 8px 0 !important; background:transparent !important; display: inline-block; font-size: 16px; vertical-align:top; z-index:9 } .burger-menu.navbar-nav > li:last-child > a {margin-right: 0px;} .burger-menu.navbar-nav > li > a > i{ background-size:20px; display: inline-block; float:left; height:20px; margin-right:15px; width:20px; } .burger-menu.navbar-nav > li > a:hover, .burger-menu.navbar-nav > li.current-menu-item > a:hover, .burger-menu.navbar-nav > li.current-menu-item > a, .burger-menu.navbar-nav > li > a:focus, .burger-menu.navbar-nav > li > a.btn:hover{color: #d6a272 !important; border-radius:0;} .btn-header > li > ul > li > a:hover, .btn-header > li > ul > li > a:focus{background: rgba(84, 84, 84, 0.3); color:#fff;} .btn-header li a{color:#fff;} li.btn-header li.btn{ border-radius: 0px; margin: 0px; padding: 15px 18px; } li.btn-header li.btn:hover{ background: rgba(84, 84, 84, 0.3) !important; border-radius: 0px; margin: 0px; padding: 15px 18px; } .navbar-default .burger-menu.navbar-nav > .active > a, .navbar-default .burger-menu.navbar-nav > .active > a:hover, .navbar-default .burger-menu.navbar-nav > .active > a:focus{background: rgba(0,0,0,0.3); color:#fff;} .burger-menu.navbar-nav > li > a:after, .burger-menu.navbar-nav > li > a:hover:after, .burger-menu.navbar-nav > .current-menu-item > a:after, .burger-menu.navbar-nav > .active > a:after, .burger-menu.navbar-nav > .active > a:hover:after, .burger-menu.navbar-nav > .active > a:focus:after{display:none;} .burger-menu .navbar-collapse{ padding:0; clear:both; position:relative; z-index:9999; } .navbar-default .burger-menu.navbar-nav > li > a:after{display:none;} .navbar-default .burger-menu.navbar-nav>.current-menu-item>a, .navbar-default .burger-menu.navbar-nav>.current-menu-item>a:hover, .navbar-default .burger-menu.navbar-nav>.current-menu-item>a:focus, .navbar-default .burger-menu.navbar-nav > .open > a, .navbar-default .burger-menu.navbar-nav > .open > a:hover, .navbar-default .burger-menu.navbar-nav > .open > a:focus{color: #3a3a4e !important;} .burger-menu .sub-menu{ background: transparent; box-shadow: none; position: relative; padding: 0; top: 0; width: 100%; -webkit-box-shadow: none; margin-bottom:20px; } .burger-menu .sub-menu > li > a{font-family: 'Open Sans', serif; font-size:14px; padding:5px 15px; text-indent:25px; display:inline-block; color:#454545; border:none;} .burger-menu .sub-menu a:hover{color:#d6a272; background:transparent} .burger-menu .sub-menu .sub-menu { border-top:none; border-bottom:1px solid rgba(0,0,0,.07); left: 0; top: 0; } .burger-menu .sub-menu li li a{padding-left:20px;} .burger-menu li .sf-sub-indicator { cursor:pointer; height: 34px; text-align: right; display:inline-block; cursor: pointer; left: auto!important; position: absolute; right: 0 !important; top: 0 !important; text-align: right; width: 50%; z-index: 999; } .burger-menu li .sf-sub-indicator:after, .burger-menu li.open li .sf-sub-indicator:after, .burger-menu li.open li.open li .sf-sub-indicator:after, .burger-menu li.open .sf-sub-indicator:after, .burger-menu li.open li.open .sf-sub-indicator:after, .burger-menu li.open li.open li.open .sf-sub-indicator:after { color:#454545; line-height: 34px; width:20px; height: 34px; margin: 0 7px 0 0; display: inline-block; text-align: center; } .burger-menu li .sf-sub-indicator:after, .burger-menu li.open li .sf-sub-indicator:after, .burger-menu li.open li.open li .sf-sub-indicator:after { content: "+"; font-size: 20px; } .burger-menu li.open .sf-sub-indicator:after, .burger-menu li.open li.open .sf-sub-indicator:after, .burger-menu li.open li.open li.open .sf-sub-indicator:after { content: "-"; font-size: 25px; } .burger-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul { height: 0px; overflow: hidden; position: absolute; visibility: hidden!important; } .burger-menu .sf-menu li ul.mobile-open { display: block!important; height: auto!important; position: relative; visibility: visible!important; } .burger-menu.navbar-nav .btn, .nav-btn .btn { border-radius: 20px; padding: 10px 0px; margin: 0; text-align: left; } .medsos { position: fixed; background: #fff; padding: 7px 12px; left: 50%; bottom:0; min-width:215px; text-align:center; box-shadow: 0 -1px 5px rgba(0,0,0,.05); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .medsos ul{ list-style:none; margin:0; padding:0;} .medsos li{display:inline-block} .medsos li a{display:block; width:40px; height:40px; line-height:40px; text-align:center} .navbar-fixed-bottom { bottom: 25%; margin-bottom: 0; border-width: 1px 0 0; width: 270px; } /* ------------------------------------- SCROLL DOWN ----------------------------------------*/ .scroll-down { opacity: 1; transition: all .5s ease-in 3s; -webkit-transition: all .5s ease-in 3s; } .scroll-down { animation: bounce 2s infinite 2s; bottom: 30px; border: 2px solid #FFF; background-size: 14px auto; /* border-radius: 50%; */ display: block; height: 32px; left: 100%; margin-left: -16px; position: absolute; width: 40px; height: 40px; transition: all .2s ease-in; z-index: 2; -webkit-animation: bounce 2s infinite 2s; -webkit-transition: all .2s ease-in; } .scroll-down:hover { animation: bounce 2s infinite 2s; bottom: 30px; border: 2px solid #FFF; background:#fff; background-size: 14px auto; /* border-radius: 50%; */ display: block; height: 32px; left: 100%; margin-left: -16px; position: absolute; width: 40px; height: 40px; transition: all .2s ease-in; z-index: 2; -webkit-animation: bounce 2s infinite 2s; -webkit-transition: all .2s ease-in; } .scroll-down:before { border: 2px solid white; border-width: 0px 0 2px 2px; content: ""; display: block; height: 12px; left: calc(50% - 6px); position: absolute; top: calc(50% - 8px); transform: rotate(-45deg); width: 12px; } .scroll-down:hover:before { border: 2px solid black; border-width: 0px 0 2px 2px; content: ""; display: block; height: 12px; left: calc(50% - 6px); position: absolute; top: calc(50% - 8px); transform: rotate(-45deg); width: 12px; } .discover-p { position: relative; left: 107px; top: -19px; font-style: italic; font-family: -webkit-pictograph; } /*@keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } 40% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } 60% { transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); } } */ /*------------------COBA NAV-----------*/ /* ------------------------------------- SLIDER ----------------------------------------*/ #home .slides{height:calc(100vh);} #home .slider{padding:0; height:calc(100vh);} .slider{padding:0;height:65vh; min-height:450px; font-size:15px;} .slider:before{ content:''; background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); width: 100%; height: 150px; position: absolute; z-index: 9; } .slides .tagline-wrapper, .carousel .tagline-wrapper { bottom: 0; height: 100%; margin: auto; top: 0; position: absolute; width: 100%; z-index: 9; } .slides .tagline-wrapper:before , .carousel .tagline-wrapper:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-left: -2px; } .slides .tagline-content, .carousel .tagline-content { display: inline-block; color: #fff; margin:auto; width:99.999%; vertical-align: middle; margin-left: -4px; } .slides .tagline-content.v-bottom, .carousel .tagline-content.v-bottom{ margin-bottom:9%; vertical-align: bottom; } .carousel .tagline-content{vertical-align:middle} .slides .tagline-content.bottom, .carousel .tagline-content.bottom {vertical-align: bottom;} .slides h1, .slides h2, .slides h3, .slides h4{ color:#fff; line-height:1.2; } .slides h1, .slides .h1{font-size:4vw;} /*.slider span:before, .slider span:after { border-top: 1px solid white; content: ""; height: 5px; position: absolute; top: 15px; width: 70px; }*/ /*.slider span:before { right: 100%; margin-right: 15px; } .slider span:after { left: 100%; margin-left: 15px; }*/ .slides .btn{ border: solid 1px #fff; background: transparent; color: #fff; } .flexslider .slides > li { background:#000; background-size: cover; background-position: 50% 0%; display: none; height:100%; width:100%; -webkit-backface-visibility: hidden; } .flexslider .slides .logos img{max-height:100px; width:auto; opacity:.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .flexslider .slides .logos img:hover{opacity:1;} .flexslider-container, .flexslider .slides, .flex-viewport {height: 100%;} .flexslider { border: 0px solid; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .flexslider .slides > li > img {display: block; height: 100%; width: auto;} .flex-pauseplay span {text-transform: capitalize;} .flexslider-overlay{position:relative;} .flexslider-overlay > ul > li:before{ background-color:#000 !important; content:''; height: 100%; left: 0; opacity: 0.5; position:absolute; top: 0; width:100%; z-index: 5; } .flexslider-overlay{position:relative;} .flexslider-overlay > ul > li:before{ background-color:#000 !important; content:''; height: 100%; left: 0; opacity: 0.2; position:absolute; top: 0; width:100%; } .address span:before { position: relative; top: 53%; right: 1px; content: ''; display: inline-block; height: 1px; width: 25px; background-color: #fff; vertical-align: middle; /* padding-right: 12px; */ margin-right: 11px; } /*FEATURED ROOMS*/ #featured-rooms { margin: 0px; text-align: center; } #featured-rooms .owl-item{ padding-bottom: 50px; } #featured-rooms .white-box{width:85%;} .featured-rooms .heading{position:absolute; display:inline-block; padding:15px 30px; background:#fff; z-index:9;} .featured-rooms .desc{width:85%; max-width:720px; display: inline-block;} .featured-rooms .desc, .featured-rooms .inner-desc{padding:2em;} .featured-rooms .owl-theme .owl-nav{top:initial; bottom:50%; left:0; right:0;} .featured-rooms .owl-next, .featured-rooms .owl-prev{top:50%; position:absolute} .featured-rooms .owl-prev{left:-63px;} .featured-rooms .owl-next{right:-63px;} .featured-rooms .overlap-title{ padding: 15px 30px; background:#900244; color:#fff; font-size: 14px; display:inline-block; position:absolute; bottom: 100%; transform:translate3d(-50%, 0, 0); } .featured-rooms .overlap-title h2, .featured-rooms .overlap-title h3, .featured-rooms .overlap-title h4{color:#fff;} section.our-heritage { position: relative; overflow: hidden; margin: 6px 24px 0px 26px; padding: 0px; background-image: url(images/bg_pattern-2.jpg); background-repeat: repeat; background-position: center; } .overlap-title { background: #d41f5d; padding: 20px 30px 0 30px; transform: translateY(-50%); position: relative; color:#fff; z-index: 95; } .share-social{color:#000;} .share-social label{font-size:13px; letter-spacing:2px;} .share-social i{font-size:14px; width:25px;height:25px; line-height:25px; text-align:center} /*HOME PIC*/ .home-pic .rooms2 { margin: 0px; padding: 0px 0px 110px 0px; text-align: center; background-image:url(images/bg_andre.png); background-repeat: no-repeat; background-position: bottom center; } .home-pic.rooms2:before { position: absolute; content: ''; top: 0px; bottom: 0px; left: 50%; display: block; margin-left: -1px; width: 1px; background-color: rgba(0,0,0,0.1); } /*DESIRE TO SERVE & PLEASE*/ .box-li li { position: relative; margin: 0px; padding: 20px 0px 0 30px; font-size: 13px; list-style: none; font-weight: 400; color: rgba(0,0,0,1); letter-spacing:1px; text-transform:uppercase; } .box-li li:before { position: absolute; content: '✔'; top: 20px; left: 5px; display: block; color: #d6a272; } .box-li li.line-bold{ position: relative; margin: 0px; padding: 20px 0px 20px 80px; font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 13px; list-style: none; font-weight: 400; color: rgba(0,0,0,1); text-transform: uppercase; letter-spacing: 1px; border-bottom: 3px solid #000; width: 536px; } /* ------------------------------------- BENEFIT ----------------------------------------*/ .benefit-caption{ position: absolute; bottom: 0; right:10%; top: 0; height: 100%; width: 33.33333333%; background: #fff; } .benefit-content{ left: -85px; padding: 4vw 4vw; text-align: left; margin: 0; position: absolute; top: 5vw; } .benefit-content:after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; box-sizing: border-box; z-index: 1; background:#fff; } .benefit-content:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; border: 1px solid #ece4d1; box-sizing: border-box; z-index: 2; } .benefit-content:before{ top: 30px; left: -25px; } .benefit-content:after { top: 0px; left: 0px; } .benefit-desc{z-index:22; position:relative;} /* ------------------------------------- SPECIAL ----------------------------------------*/ .featured-special-rate .caption-content h4, .special-rate .caption-content h4{color:#000; margin-bottom: 5px; font-weight: 600;} .featured-special-rate .caption-content p, .special-rate .caption-content p{color:#76798a;} .special-title p{margin:0; line-height:1.5; font-size: 0.85em;} .special-price{ font-size: 40px; color: #cd9540; margin-left: 35px; font-weight: 500; line-height:1.2; } .special-rate h2{ font-size: 44px; line-height: 50px; } .featured-special-rate .caption-content.to-bottom, .special-rate .caption-content.to-bottom { bottom: 0; display: inline-block; right: 0; position: relative; vertical-align: bottom; z-index: 10; } .featured-special-rate .caption-content{width:99.99%} .hotel-room-caption{ padding: 2vw; position: relative; top: 0; background: rgba(0,0,0,.035); left: 0; right: 0; width: 100%; overflow:hidden; } .hotel-room-caption p{ font-size: 14px; color: #413838; } /* TEXT */ .text-gold{color:#cba55c !important;} .text-bold{font-weight:bold;} .text-white{color:#fff !important;} /* OVERLAY */ .overlay-bg-color{position:relative; z-index:2;} .overlay-bg-color:after{ background:rgba(0,0,0,.7); content:''; height:100%; left:0; position:absolute; top:0; width:100%; } /*LINE SEPARATOR*/ .line-separator{ border-bottom:1px #ccc solid;} /* PARALLAX */ .parallax { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; } .parallax-content{ color: #fff; padding:5vw 0; text-align: center; z-index:1; } .parallax-content h2{color:#fff;} .parallax-overlay{position:relative; z-index:2;} .parallax-overlay:after{ background:rgba(0,0,0,.7); content:''; height:100%; left:0; position:absolute; top:0; width:100%; } /* CAPTION */ .caption{padding-top:1vw;} /* LIST */ /*.list-icon{ border:2px solid #cba55c; color: #cba55c; display: block; font-size: 18px; font-weight:600; float: left; height: 50px; margin-right: 20px; margin-bottom: 110px; padding: 11px 17px; width: 50px; }*/ /*.icon{ border: 2px solid #cba55c; border-radius: 50%; bottom:0; font-size: 32px; margin-top: -10px; display: block; float: left; margin-right: 20px; color: #272727; width: 50px; height: 50px; padding: 5px; line-height: 30px; }*/ /* TITLE */ .sub-title{ font-weight: 400; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:5px; } /* BACKGROUND COLOR */ .bg-white{background-color:#fff !important;} .bg-transparent-black{background:rgba(0,0,0,.6)} .bg-green{background-color:#205c40 !important;} .bg-dark-grey{background-color:#333 !important;} .bg-light-grey{background-color:#f4f4f4 !important;} .bg-gold{background-color:#926b1f !important;} .bg-none{background-color:transparent !important} .bg-fixed{background-attachment:fixed !important} .bg-cover{background-size:cover !important;} .p-fixed{position:fixed;} .p-relative{position:relative;} .p-absolute{position:absolute;} .d-table-cell{display:table-cell; vertical-align:middle} .d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;} /* BUTTON */ /*.btn{ background:transparent; border-radius: 1px; color:#000; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 12px; line-height: 19px; padding: 10px 43px; text-transform: uppercase; text-decoration: none; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .btn:hover, .btn.border:hover{background:#000 !important; border-color:#000; color:#fff;} */ .padding-100{ padding:170px 0;} .white-box { position: relative; display: inline-block; margin: auto; padding: 4vw; max-width: 720px; bottom:0; right:0; left:0; line-height: normal; background-color: #FFF; background-image: url(/img/bg_pattern-1.png); background-repeat: repeat; background-position: center; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } .white-box:before{ content: ''; position: absolute; margin: 2em; border: 1px solid #ece4d1; left: 0; right: 0; top: 0; bottom: 0; display: block; } .pagination-border { position: absolute; top: 50px; left: 50%; display: block; margin: 0px 0px 0px -23px; padding: 0px; height: 40px; width: 40px; border: 1px solid #ae8f60; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pagination-number { display: inline-block; margin: 0px 0px 45px -6px; padding: 0px; font-size: 15px; font-weight: 300; color: #ae8f60; letter-spacing: 1px; top: -8px; position: relative; } span.cross { position: absolute; z-index: 5; display: block; height: 7px; width: 7px; background-image:url(images/img_menu-separator.png); background-repeat: no-repeat; background-position: center; } span.cross.first { top: 15px; left: 15px; } span.cross.second { top: 15px; right: 15px; } span.cross.third{ bottom: 15px; right: 15px; } span.cross.fourth{ bottom: 15px; left: 15px; } .owl-theme .owl-nav [class*='owl-'] { z-index:999; width: 60px; height: 60px; padding:12px; background-size:25px 25px; background:#454545; display: inline-block; cursor: pointer; border-radius: 0; margin: 1px; transition: width 2s; -webkit-transition: width 2s; } .owl-theme .owl-nav [class*='owl-']:hover { background: #454545; color: #000; text-decoration: none; transition: width .3s; -webkit-transition: width .3s; } .owl-theme .owl-nav .disabled { opacity: 1; cursor: default; } .owl-theme .owl-nav .owl-next { background:url(images/right-arrow-light.png) 50% 50% no-repeat #333; } .owl-theme .owl-nav .owl-prev { background:url(images/left-arrow-light.png) 50% 50% no-repeat #333; } /*SOCIAL WALL*/ .social-wall a{ color: white; font-size:12px;} .social-wall .btn { border-radius: 0px; font-weight: bold; line-height: 25px; letter-spacing: 2px; text-decoration: none; transition: all .4s ease-in-out; text-transform: uppercase; padding: 13px 41px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .bg1 { background: url(images/social-wall1.jpg); background-repeat: no-repeat; background-position: 50% 36%; height: 225px; width: 225px; padding: 100px; position: relative; left: -4%; top: 122px; background-size: cover; opacity: 0.2; } .bg2 { background: url(images/social-wall2.jpg); background-repeat: no-repeat; background-position: 50% 36%; height: 225px; width: 225px; padding: 100px; position: relative; left: -2%; top: 108px; background-size: cover; opacity: 0.2; } .bg3 { background:url(images/social-wall3.jpg); background-repeat: no-repeat; background-position: 50% 36%; height: 225px; width: 225px; padding: 100px; position: relative; left: 0%; top: 122px; background-size: cover; opacity: 0.2; } /*NEWSLETTER*/ section.newsletter { margin: 0px 9px 0px 11px;} .form-inline .form-control { display: inline-block; width: 320px; height: 48px; vertical-align: middle; } .form-control { display: block; width: 100%; height: 45px; padding: 10px 3px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; border: 2px solid #e3e3e3; border-width:0 0 2px 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .newsletter .btn { border-radius: 0px; font-weight: bold; font-size: 12px; line-height: 25px; letter-spacing: 2px; text-decoration: none; transition: all .4s ease-in-out; text-transform: uppercase; padding: 10px; -webkit-transition: all .4s ease-in-out; position: relative; left: -4px; background: #fff; height: 48px; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .newsletter .btn:hover { border-radius: 0px; font-weight: bold; font-size: 12px; line-height: 25px; letter-spacing: 2px; text-decoration: none; transition: all .4s ease-in-out; text-transform: uppercase; padding: 10px; -webkit-transition: all .4s ease-in-out; position: relative; left: -4px; background: #ae8f60; color:#fff; height: 48px; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .newsletter span:hover{ border-bottom:1px #fff solid;} .newsletter ul{ display:inline-block;} .newsletter li{ display:inline-block; font-size:12px; margin:15px;} .footer li:before{ position: relative; content: ''; top: 0; left: -18px; display: inline-block; margin-top: -1px; height: 1px; width: 8px; background-color: #000; vertical-align: middle; } .footer li:first-child:before{ content: ''; display:none;} /* ------------------------------------- FOOTER ----------------------------------------*/ footer{ background: #f0f0f0; /* Old browsers */ padding:4vw 0 3vw 0; color:#333; } footer h4{ font-size: 15px; color: #000; font-weight: 400; letter-spacing: 1px; text-transform:uppercase; } .footer-logo{max-width:210px;} .footer-list ul{padding:0; margin:0;} .footer-list li{padding:5px 0;} .footer-list li a:hover{color:#000 !important;} .footer-nav ul{padding:0; margin:0;} .footer-nav li{list-style:none; padding:5px 0;} footer a{color:#000;} .footer-nav a{color:#333;} .footer-nav a:hover{color:#fff;} .footer-menu ul{padding:0; margin:0;} .footer-menu li{list-style:none; padding:0 0 40px 0;} .footer-menu a{color:rgba(255,255,255,.5);} .footer-menu a:hover{color:#fff;} /* SOCIAL MEDIA */ .follow-us{ border-left: 2px solid rgba(255,255,255,.2); } .follow-title{margin-left:20px;} footer .social-media{margin-bottom: 40px;} .social-media ul{margin:0; padding:0;} .social-media li{ list-style: none; display: inline-block; padding: 0 9px; } .social-media li:first-child{padding-left:0;} .social-media li i.fa{color:#000; font-size: 20px;} .social-media li i.fa:hover{color:#fff;} /* INSTAGRAM */ .instagram h3{text-transform:uppercase; font-size: 16px;} .instagram-list ul{margin:0; padding:0;} .instagram-list li{ list-style: none; width: 16.6667%; display: inline-block; -moz-transition: all 0.3s ease; float: left; } .recommend{margin-bottom:30px; overflow:hidden} .recommend span { display: inline-block; font-size: 14px; font-weight: 600; position: relative; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .recommend span:before, .recommend span:after { border-top:1px solid rgba(255,255,255,.2); content: ""; height: 5px; position: absolute; top: 10px; width: 100vw; } .recommend span:before { right: 100%; margin-right: 2vw; } .recommend span:after { left: 100%; margin-left: 2vw; } .recommend-logo{ position:absolute; display: block; top: 40px; left: 0; z-index: 999; width: 115px; margin: auto; right: 0; text-align: center; } #leftmenu { float: left; text-align: left; } #rightmenu { float: right; text-align: right; } #leftmenu, #rightmenu { margin-top: 0; margin-bottom: 0; } .recommend-list ul{margin:0; padding:0;} .recommend-list li{display:inline-block; list-style:none; padding: 0 15px;} .recommend-list li a{color:#fff;} .recommend-list li a:hover{color:#4fbbbd;} .copyright{border-top:1px solid rgba(255,255,255,.2);} .copyright p{line-height:40px; margin-bottom:0; color:#fff; font-size: 11px;} .copyright a{color:#fff;} .copyright a:hover{color:#4fbbbd;} /*ROOMS*/ /* ------------------------------------- HOVER 9 ----------------------------------------*/ .hover-9 { color: #fff; float: left; overflow: hidden; position: relative; text-align: center; width: 100%; } .hover-9 * { box-sizing: border-box; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -webkit-box-sizing: border-box; } .hover-9 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .hover-9:after { background: #000; bottom: 4%; content: ''; height: 90%; left: 5%; opacity: 0.75; position: absolute; transition: all 0.3s ease-in-out; transform: scaleY(0); width: 90%; -webkit-transition: all 0.3s ease-in-out; -webkit-transform: scaleY(0); } .hover-9 figcaption { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; z-index: 1; } .hover-9 h3 span {font-weight: 400;} .hover-9 p { font-weight: 500; padding: 0 50px; top: 50%; } .hover-9 a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .hover-9:hover img, .hover-9.hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } .hover-9:hover:after, .hover-9.hover:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .hover-9:hover figcaption img, .hover-9.hover figcaption img,{ transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .hover-9:hover figcaption img, .hover-9.hover figcaption img { opacity: 1; } .fig-img-pos { position: absolute; top: 45%; opacity: 0; width: 9%; left: 45%; } .text-room{ background:#fff; padding:10px;} /*SIMPLE ROOM*/ .closed i{ z-index:9; text-align:center; background: #000; width: 85px; height: 80px; padding: 29px; float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #fff; /* opacity: .2; */ } .closed i:hover{ z-index:9; text-align:center; background: #fff; width: 85px; height: 80px; padding: 29px; float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; /* opacity: .2; */ } .simple-room .flexslider .slides > li { background: #000; background-size: cover; background-position: 50% 57%; display: none; height: 100%; width: 100%; -webkit-backface-visibility: hidden; } .simple-room .scroll-down { animation: bounce 2s infinite 2s; bottom: 146px; border: 2px solid #FFF; background-size: 14px auto; /* border-radius: 50%; */ display: block; height: 32px; left: 86%; top: 86%; margin-left: -16px; position: absolute; width: 40px; height: 40px; transition: all .2s ease-in; z-index: 7; -webkit-animation: bounce 2s infinite 2s; -webkit-transition: all .2s ease-in; } .simple-room .flexslider { border: 0px solid; height: 100%; margin: 0 auto; overflow: hidden; padding: 0; width: 85%; } .simple-position { background: #fff; padding: 0 2.5vw; position: relative; margin-right: 6px; z-index:9; } .simple-position h5:before{ position: relative; content: ''; line-height: 11px; top: 5%; left: 0%; margin: 0px; padding: 0px; margin-right: 23px; display: inline-block; height: 1px; width: 30px; vertical-align: middle; background-color: #ae8f60; } .simple-detail ul{ display:inline-block; list-style:none; padding-left:0; min-width:380px; } .simple-position li { background: #f5f3ef; display: inline-block; margin: 13px 12px 13px 0px; width: 46%; height: 96px; padding: 26px; vertical-align: top; } .simple-detail .padding-col { padding: 0px 39px 0px 86px; } .simple-room .slides .tagline-wrapper, .carousel .tagline-wrapper { background: none; bottom: 0px; height: 100%; margin: auto; position: absolute; top: 0%; left: -144px; width: 100%; z-index: 5; } #simple-room .line-left:before { position: absolute; content: ''; top: 0px; bottom: 10px; left: 10%; display: block; margin-left: -1px; width: 1px; background-color: rgba(0,0,0,0.1); } #simple-room .line-right:before { position: absolute; content: ''; top: 0px; bottom: 10px; right: 10%; display: block; margin-left: -1px; width: 1px; background-color: rgba(0,0,0,0.1); } .simple-room span { content:url(images/plus.png); position: absolute; bottom: 23px; right: 199px; display: block; height: 38px; width: 38px; border: 1px solid #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; padding: 10px; } .simple-room span:hover { content:url(images/plus.png); position: absolute; bottom: 23px; right: 199px; display: block; height: 38px; width: 38px; background:#000; border: 1px solid #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; padding: 10px; } .simple-room .discover-p { position: relative; color: #fff !important; left: -85px; top: 261px; font-style: italic; font-family: -webkit-pictograph;} section.our-heritage#simple-room { position: relative; overflow: hidden; margin: 0; padding: 0px; } .room-amenities .box-li li.line-bold { position: relative; margin: 0px; font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 13px; list-style: none; font-weight: 400; color: rgba(0,0,0,1); text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #000; border-top: 1px #000 solid; width: 536px; } .room-amenities .box-li li { position: relative; margin: 0px; font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 11px; list-style: none; font-weight: 400; color: rgba(0,0,0,1); text-transform: uppercase; letter-spacing: 1px; /* border-bottom: 1px solid rgba(0,0,0,0.1); */ width: 536px; } a.next-room:after { position: relative; content: ''; top: 45%; display: inline-block; height: 1px; width: 35px; background-color: rgba(0,0,0,1); /* float: right; */ vertical-align: middle; margin-left:20px; } a.prev-room:before { position: relative; content: ''; top: 45%; display: inline-block; height: 1px; width: 35px; background-color: rgba(0,0,0,1); /* float: right; */ vertical-align: middle; margin-right:20px; } #room .owl-prev, #mice .owl-prev{ background: url(images/prev-small.png) 50% 50% no-repeat #fff; display: table-cell; text-align: center; top: 50%; text-align: center; height: calc(4.5vw); position: absolute; left: calc(5vw - 20px); vertical-align: middle; width: calc(4.5vw); margin-left:-4.5vw; margin-top:-2.25vw; box-shadow: 0 2px 5px rgba(0,0,0,.1); } #room .owl-next, #mice .owl-next{ background: url(images/next-small.png) 50% 50% no-repeat #fff; display: table-cell; height: calc(4.5vw); right: calc(5vw - 20px); top: 50%; text-align: center; text-align: center; position: absolute; vertical-align: middle; width: calc(4.5vw); margin-right:-4.5vw; margin-top:-2.25vw; box-shadow: 0 0 5px rgba(0,0,0,.1); } #mice .owl-next{right:calc(5vw - 5px)} #mice .owl-prev{left:calc(5vw - 5px);} /* #room .item{ border:1px solid #fff; border-width:2px 0 2px 1px; } */ .room-item{font-size:14px; margin-bottom:3vw;} .room-caption{ bottom: 0; display: inline-block; display: table-cell; height: calc(20vw); text-align: center; text-align: center; position: absolute; vertical-align: middle; width: calc(45vw); z-index:1; } .room-caption h3{ color:#fff; font-size: 2.5em; line-height: 45px; } .room-caption a:hover{color:#ddd;} /* #room.owl-carousel .item, #dining-promo.owl-carousel .item{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity:.25; transform:scale(.85); } #room.owl-carousel .owl-item.center .item, #dining-promo.owl-carousel .owl-item.center .item{ -webkit-filter: none; filter: none; opacity:1; transform:scale(1); } #room.owl-carousel .caption-content, #dining-promo.owl-carousel .caption-content{opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} #room.owl-carousel .owl-item.center .caption-content, #dining-promo.owl-carousel .owl-item.center .caption-content{opacity:1;} */ #room .owl-dots, #dining-promo .owl-dots{ text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; } #room .owl-dot, #dining-promo .owl-dot{ display: inline-block; width: 9px; height: 9px; margin: 5px 3px; opacity: 0.95; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); background: transparent none repeat scroll 0% 0%; } #room .owl-dot.active, #dining-promo .owl-dot.active{ background: #fff none repeat scroll 0% 0%; border-color: #fff; } /*-----------------------BAR-------------------------*/ .bar{ height:282px; margin-top:8px;} .detail{ padding-top:70px; position:relative; z-index:9; margin:0 auto;} .detail h4, .detail h2{ color:#fff; margin-bottom:0;} .code { font-weight: 900; float: right; top: 306px; right: 99px; -webkit-transform: translateY(-20px) translateX(100%) rotate(90deg); -moz-transform: translateY(-20px) translateX(100%) rotate(90deg); -ms-transform: translateY(-20px) translateX(100%) rotate(90deg); -o-transform: translateY(-20px) translateX(100%) rotate(90deg); transform: translateY(-20px) translateX(100%) rotate(-90deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; position: absolute; } .code2 { font-weight: 900; float: left; top: 306px; /* right: 99px;*/ -webkit-transform: translateY(-20px) translateX(100%) rotate(90deg); -moz-transform: translateY(-20px) translateX(100%) rotate(90deg); -ms-transform: translateY(-20px) translateX(100%) rotate(90deg); -o-transform: translateY(-20px) translateX(100%) rotate(90deg); transform: translateY(-20px) translateX(100%) rotate(-90deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; position: absolute; } /*----------------------PHOTOS-----------------------*/ .photos .hover-9 { color: #fff; float: left; overflow: hidden; position: relative; text-align: center; width: 100%; } .photos .hover-9 * { box-sizing: border-box; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -webkit-box-sizing: border-box; } /*.photos .photos .hover-9 img { filter: grayscale(100%); -webkit-filter: grayscale(100%);*/ .photos .hover-9 img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } .photos .hover-9:after { background: #fff; bottom: 4%; content: ''; height: 90%; left: 5%; opacity: 0.75; position: absolute; transition: all 0.3s ease-in-out; transform: scaleY(0); width: 90%; -webkit-transition: all 0.3s ease-in-out; -webkit-transform: scaleY(0); } .photos .hover-9 figcaption { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; z-index: 1; } .photos .hover-9 h3 span {font-weight: 400;} .hover-9 p { font-weight: 500; padding: 0 50px; top: 50%; } .photos .hover-9 a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } /*.photos .hover-9:hover img, .photos .hover-9.hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%);*/ .photos .hover-9:hover:after, .photos .hover-9.hover:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .photos .hover-9:hover figcaption img, .photos .hover-9.hover figcaption img,{ transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .photos .hover-9:hover figcaption img, .photos .hover-9.hover figcaption img { opacity: 1; } .photos .fig-img-pos{ position: relative; top: 45%; opacity:0;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; display: none !important; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; /* background: #fff; */ border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } /*---------SURROUNDING AREA--------------------*/ .acces .white-box { position: relative; display: inline-block; margin: 0px; padding: 0px; max-width: 720px; line-height: normal; vertical-align: middle; background-color: #FFF; background-image: url(/img/bg_pattern-1.png); background-repeat: repeat; background-position: center; } .padding-box{ padding:70px 70px 0px;} .address2{ background:#eae8e8; padding:10px;} .address2 p{ line-height:25px !important;} /*----------------------BLOG--------------------------*/ .since{ position: absolute; top: 190px; display: block; margin: 0px; padding: 20px 0px 0px 0px; width: 130px; font-family: 'PT Serif',Arial,Helvetica,sans-serif; font-size: 8px; font-weight: normal; font-style: italic; line-height: normal; color: rgba(0,0,0,1); letter-spacing: 1px; text-transform: uppercase; text-align: center; } .since:before{ position: absolute; content: ''; top: 0px; left: 50%; display: block; margin: 0px 0px 0px -3px; padding: 0px; height: 7px; width: 7px; background-image: url(images/img_blog-cross.png); background-repeat: no-repeat; } .official{ position: absolute; top: 190px; left: 81%; display: block; margin: 0px; padding: 20px 0px 0px 0px; width: 130px; font-family: 'PT Serif',Arial,Helvetica,sans-serif; font-size: 8px; font-weight: normal; font-style: italic; line-height: normal; color: rgba(0,0,0,1); letter-spacing: 1px; text-transform: uppercase; text-align: center; } .official:after{ position: absolute; content: ''; top: 0px; left: 50%; display: block; margin: 0px 0px 0px -3px; padding: 0px; height: 7px; width: 7px; background-image: url(images/img_blog-cross.png); background-repeat: no-repeat; } ul.blog-note{ display:inline-block;} .blog-note li{ display:inline-block; margin:10px;} .blog-note li:before { /* position: absolute; */ content: ''; top: 50%; right: 0px; display: inline-block; vertical-align: middle; margin-right: 10px; padding: 0px; height: 1px; width: 10px; background-color: #000; } .blog-note li:first-child:before{ content: ''; background:none;} .dropdown { cursor:pointer; float:right; position: relative; display: inline-block; margin:10px; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 80px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9; } .dropdown-content a { color: black; padding: 11px 11px; text-align: center; text-decoration: none; display: block; } .dropdown-content a:hover{background:#eee;} .dropdown:hover .dropdown-content {display: block;} ul.category{ display:inline-block;} /*.blog .overlay a:hover{ background:#fff;}*/ /*.blog .detail { padding-top: 70px; padding-bottom: 70px; position: relative; z-index: 9; margin: 0 auto; }*/ .blog .content-caption:hover{ background:rgba(0, 0, 0,.8); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;} /*.blog .overlay { position: relative; z-index: 2; margin: 0px; } */ .blog .border-dark { border: 1px solid #fff; background: none; color: #fff; } /* IMAGE HOVER */ figure{ -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; position:relative; overflow: hidden; } figure a:before { background: rgba(0,0,0,.4); content: ''; height: 100%; opacity: 0; position: absolute; transition: all 0.3s ease; width: 100%; z-index: 5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } figure a img{ transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; -ms-transition: all .35s ease; } figure:hover{background:rgba(0,0,0,1);) } figure a:hover img{ opacity:.5; -webkit-transform: scale(1.1); /* Webkit: Scale up image to 1.2x original size; */ -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } figure a{ display:block; -webkit-backface-visibility: hidden; } figure img{ display:block; height:auto; width:100%; } figure.overlay{position:relative; z-index:2;} figure.overlay:after{ background:rgba(0,0,0,.5); content:''; height:100%; left:0; position:absolute; top:0; width:100%; } /* CAPTION */ .content-caption { border-radius: 0; background: rgba(0,0,0,0.6); color: #fff; display: inline-block; height: 100%; left: 0; opacity: 1; /* padding: 25%; */ margin-left: 15px; position: absolute; text-align: center; top: 0; transition: opacity 500ms; vertical-align: middle; width: 94%; z-index: 99; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; } .content-caption:hover{ cursor:pointer; opacity:1; } .content-caption h3{color:#fff; margin-bottom: 0px;} .center-block, .center { display: block; margin-right: auto; margin-left: auto; } .line { display: block; width: 45px; height: 1px; background: #454545; padding: 0 15px; margin-bottom: 20px; } .text-white .line{background:#fff;} /* BORDER */ .border-white{border:1px solid #fff} .border-white-transparent{border:1px solid rgba(255,255,255,.5)} .border-gold{border:1px solid #d6a272;} .border-light-gold{border:1px solid #ece4d1;} .border-bottom-grey{border-bottom: 1px #bfbebe solid;} .border-right{ border-right: 1px #000 solid;} .blog-border{ border:1px #000 solid;} /* MARGIN */ .no-margin{margin:0 !important;} .no-margin-top{ margin-top:0 !important;} .margin-top-5{ margin-top:5px !important;} .margin-top-10{ margin-top:10px !important;} .margin-top-20{ margin-top:20px !important;} .margin-top-30{ margin-top:30px !important;} .margin-top-40{ margin-top:40px !important;} .margin-top-50{ margin-top:50px !important;} .margin-top-60{ margin-top:60px !important;} .margin-top-reverse-5{ margin-top:-5px !important;} .margin-top-reverse-10{ margin-top:-10px !important;} .margin-top-reverse-20{ margin-top:-20px !important;} .margin-top-reverse-30{ margin-top:-30px !important;} .margin-top-reverse-40{ margin-top:-40px !important;} .margin-top-reverse-50{ margin-top:-50px !important;} .margin-top-reverse-60{ margin-top:-60px !important;} .no-margin-right{ margin-right:0 !important;} .margin-right-5{ margin-right:5px !important;} .margin-right-10{ margin-right:10px !important;} .margin-right-20{ margin-right:20px !important;} .margin-right-30{ margin-right:30px !important;} .margin-right-40{ margin-right:40px !important;} .margin-right-50{ margin-right:50px !important;} .margin-right-60{ margin-right:60px !important;} .margin-right-reverse-5{ margin-right:-5px !important;} .margin-right-reverse-10{ margin-right:-10px !important;} .margin-right-reverse-20{ margin-right:-20px !important;} .margin-right-reverse-30{ margin-right:-30px !important;} .margin-right-reverse-40{ margin-right:-40px !important;} .margin-right-reverse-50{ margin-right:-50px !important;} .margin-right-reverse-60{ margin-right:-60px !important;} .no-margin-bottom{ margin-bottom:0 !important;} .margin-bottom-5{ margin-bottom:5px !important;} .margin-bottom-10{ margin-bottom:10px !important;} .margin-bottom-20{ margin-bottom:20px !important;} .margin-bottom-30{ margin-bottom:30px !important;} .margin-bottom-40{ margin-bottom:40px !important;} .margin-bottom-50{ margin-bottom:50px !important;} .margin-bottom-60{ margin-bottom:60px !important;} .margin-bottom-reverse-5{ margin-bottom:-5px !important;} .margin-bottom-reverse-10{ margin-bottom:-10px !important;} .margin-bottom-reverse-20{ margin-bottom:-20px !important;} .margin-bottom-reverse-30{ margin-bottom:-30px !important;} .margin-bottom-reverse-40{ margin-bottom:-40px !important;} .margin-bottom-reverse-50{ margin-bottom:-50px !important;} .margin-bottom-reverse-60{ margin-bottom:-60px !important;} .no-margin-left{ margin-left:0 !important;} .margin-left-5{ margin-left:5px !important;} .margin-left-10{ margin-left:10px !important;} .margin-left-20{ margin-left:20px !important;} .margin-left-30{ margin-left:30px !important;} .margin-left-40{ margin-left:40px !important;} .margin-left-50{ margin-left:50px !important;} .margin-left-60{ margin-left:60px !important;} .margin-left-reverse-5{ margin-left:-5px !important;} .margin-left-reverse-10{ margin-left:-10px !important;} .margin-left-reverse-20{ margin-left:-20px !important;} .margin-left-reverse-30{ margin-left:-30px !important;} .margin-left-reverse-40{ margin-left:-40px !important;} .margin-left-reverse-50{ margin-left:-50px !important;} .margin-left-reverse-60{ margin-left:-60px !important;} .margin-5{ margin:5px !important;} .margin-8{ margin:8px !important;} .margin-10{ margin:10px !important;} .margin-15{ margin:15px !important;} .margin-20{ margin:20px !important;} .margin-30{ margin:30px !important;} .margin-40{ margin:40px !important;} .margin-50{ margin:50px !important;} .margin-60{ margin:60px !important;} .margin-fluid-1{margin:1vw;} .margin-fluid-2{margin:2vw;} .margin-fluid-3{margin:3vw;} .margin-fluid-4{margin:4vw;} .margin-fluid-5{margin:5vw;} .margin-fluid-6{margin:6vw;} .margin-fluid-7{margin:7vw;} .margin-fluid-8{margin:8vw;} .margin-fluid-9{margin:9vw;} .margin-fluid-10{margin:10vw;} .margin-fluid-top-1{margin-top:1vw;} .margin-fluid-top-2{margin-top:2vw;} .margin-fluid-top-3{margin-top:3vw;} .margin-fluid-top-4{margin-top:4vw;} .margin-fluid-top-5{margin-top:5vw;} .margin-fluid-top-6{margin-top:6vw;} .margin-fluid-top-7{margin-top:7vw;} .margin-fluid-top-8{margin-top:8vw;} .margin-fluid-top-9{margin-top:9vw;} .margin-fluid-top-10{margin-top:10vw;} .margin-fluid-top-11{margin-top:11vw;} .margin-fluid-top-12{margin-top:12vw;} .margin-fluid-top-reverse-1{margin-top:-1vw;} .margin-fluid-top-reverse-2{margin-top:-2vw;} .margin-fluid-top-reverse-3{margin-top:-3vw;} .margin-fluid-top-reverse-4{margin-top:-4vw;} .margin-fluid-top-reverse-5{margin-top:-5vw;} .margin-fluid-top-reverse-6{margin-top:-6vw;} .margin-fluid-top-reverse-7{margin-top:-7vw;} .margin-fluid-top-reverse-8{margin-top:-8vw;} .margin-fluid-top-reverse-9{margin-top:-9vw;} .margin-fluid-top-reverse-10{margin-top:-10vw;} .margin-fluid-top-reverse-11{margin-top:-11vw;} .margin-fluid-top-reverse-12{margin-top:-12vw;} .margin-fluid-right-1{margin-right:1vw;} .margin-fluid-right-2{margin-right:2vw;} .margin-fluid-right-3{margin-right:3vw;} .margin-fluid-right-4{margin-right:4vw;} .margin-fluid-right-5{margin-right:5vw;} .margin-fluid-right-6{margin-right:6vw;} .margin-fluid-right-7{margin-right:7vw;} .margin-fluid-right-8{margin-right:8vw;} .margin-fluid-right-9{margin-right:9vw;} .margin-fluid-right-10{margin-right:10vw;} .margin-fluid-right-11{margin-right:11vw;} .margin-fluid-right-12{margin-right:12vw;} .margin-fluid-right-reverse-1{margin-right:-1vw;} .margin-fluid-right-reverse-2{margin-right:-2vw;} .margin-fluid-right-reverse-3{margin-right:-3vw;} .margin-fluid-right-reverse-4{margin-right:-4vw;} .margin-fluid-right-reverse-5{margin-right:-5vw;} .margin-fluid-right-reverse-6{margin-right:-6vw;} .margin-fluid-right-reverse-7{margin-right:-7vw;} .margin-fluid-right-reverse-8{margin-right:-8vw;} .margin-fluid-right-reverse-9{margin-right:-9vw;} .margin-fluid-right-reverse-10{margin-right:-10vw;} .margin-fluid-right-reverse-11{margin-right:-11vw;} .margin-fluid-right-reverse-12{margin-right:-12vw;} .margin-fluid-bottom-1{margin-bottom:1vw;} .margin-fluid-bottom-2{margin-bottom:2vw;} .margin-fluid-bottom-3{margin-bottom:3vw;} .margin-fluid-bottom-4{margin-bottom:4vw;} .margin-fluid-bottom-5{margin-bottom:5vw;} .margin-fluid-bottom-6{margin-bottom:6vw;} .margin-fluid-bottom-7{margin-bottom:7vw;} .margin-fluid-bottom-8{margin-bottom:8vw;} .margin-fluid-bottom-9{margin-bottom:9vw;} .margin-fluid-bottom-10{margin-bottom:10vw;} .margin-fluid-bottom-11{margin-bottom:11vw;} .margin-fluid-bottom-12{margin-bottom:12vw;} .margin-fluid-bottom-reverse-1{margin-bottom:-1vw;} .margin-fluid-bottom-reverse-2{margin-bottom:-2vw;} .margin-fluid-bottom-reverse-3{margin-bottom:-3vw;} .margin-fluid-bottom-reverse-4{margin-bottom:-4vw;} .margin-fluid-bottom-reverse-5{margin-bottom:-5vw;} .margin-fluid-bottom-reverse-6{margin-bottom:-6vw;} .margin-fluid-bottom-reverse-7{margin-bottom:-7vw;} .margin-fluid-bottom-reverse-8{margin-bottom:-8vw;} .margin-fluid-bottom-reverse-9{margin-bottom:-9vw;} .margin-fluid-bottom-reverse-10{margin-bottom:-10vw;} .margin-fluid-bottom-reverse-11{margin-bottom:-11vw;} .margin-fluid-bottom-reverse-12{margin-bottom:-12vw;} .margin-fluid-left-1{margin-left:1vw;} .margin-fluid-left-2{margin-left:2vw;} .margin-fluid-left-3{margin-left:3vw;} .margin-fluid-left-4{margin-left:4vw;} .margin-fluid-left-5{margin-left:5vw;} .margin-fluid-left-6{margin-left:6vw;} .margin-fluid-left-7{margin-left:7vw;} .margin-fluid-left-8{margin-left:8vw;} .margin-fluid-left-9{margin-left:9vw;} .margin-fluid-left-10{margin-left:10vw;} .margin-fluid-left-11{margin-left:11vw;} .margin-fluid-left-12{margin-left:12vw;} .margin-fluid-left-reverse-1{margin-left:-1vw;} .margin-fluid-left-reverse-2{margin-left:-2vw;} .margin-fluid-left-reverse-3{margin-left:-3vw;} .margin-fluid-left-reverse-4{margin-left:-4vw;} .margin-fluid-left-reverse-5{margin-left:-5vw;} .margin-fluid-left-reverse-6{margin-left:-6vw;} .margin-fluid-left-reverse-7{margin-left:-7vw;} .margin-fluid-left-reverse-8{margin-left:-8vw;} .margin-fluid-left-reverse-9{margin-left:-9vw;} .margin-fluid-left-reverse-10{margin-left:-10vw;} .margin-fluid-left-reverse-10{margin-left:-11vw;} .margin-fluid-left-reverse-10{margin-left:-12vw;} /*padding*/ .no-padding{padding:0 !important;} .no-padding-top{ padding-top:0 !important;} .padding-top-5{ padding-top:5px !important;} .padding-top-10{ padding-top:10px !important;} .padding-top-20{ padding-top:20px !important;} .padding-top-30{ padding-top:30px !important;} .padding-top-40{ padding-top:40px !important;} .padding-top-50{ padding-top:50px !important;} .padding-top-60{ padding-top:60px !important;} .padding-top-70{ padding-top:70px !important;} .padding-top-80{ padding-top:80px !important;} .padding-top-90{ padding-top:90px !important;} .padding-top-100{ padding-top:100px !important;} .padding-top-110{ padding-top:110px !important;} .padding-top-120{ padding-top:120px !important;} .no-padding-right{ padding-right:0 !important;} .padding-right-10{ padding-right:10px !important;} .padding-right-15{ padding-right:15px !important;} .padding-right-20{ padding-right:20px !important;} .padding-right-30{ padding-right:30px !important;} .padding-right-40{ padding-right:40px !important;} .padding-right-50{ padding-right:50px !important;} .padding-right-60{ padding-right:60px !important;} .no-padding-bottom{ padding-bottom:0 !important;} .padding-bottom-5{ padding-bottom:5px !important;} .padding-bottom-10{ padding-bottom:10px !important;} .padding-bottom-20{ padding-bottom:20px !important;} .padding-bottom-30{ padding-bottom:30px !important;} .padding-bottom-40{ padding-bottom:40px !important;} .padding-bottom-50{ padding-bottom:50px !important;} .padding-bottom-60{ padding-bottom:60px !important;} .padding-bottom-70{ padding-bottom:70px !important;} .padding-bottom-80{ padding-bottom:80px !important;} .padding-bottom-90{ padding-bottom:90px !important;} .padding-bottom-100{ padding-bottom:100px !important;} .padding-bottom-110{ padding-bottom:110px !important;} .padding-bottom-120{ padding-bottom:120px !important;} .padding-bottom-130{ padding-bottom:130px !important;} .padding-bottom-140{ padding-bottom:140px !important;} .padding-bottom-150{ padding-bottom:150px !important;} .no-padding-left{ padding-left:0 !important;} .padding-left-10{ padding-left:10px !important;} .padding-left-15{ padding-left:15px !important;} .padding-left-20{ padding-left:20px !important;} .padding-left-30{ padding-left:30px !important;} .padding-left-40{ padding-left:40px !important;} .padding-left-50{ padding-left:50px !important;} .padding-left-60{ padding-left:60px !important;} .padding-5{ padding:5px !important;} .padding-8{ padding:8px !important;} .padding-10{ padding:10px !important;} .padding-15{ padding:15px !important;} .padding-20{ padding:20px !important;} .padding-30{ padding:30px !important;} .padding-40{ padding:40px !important;} .padding-50{ padding:50px !important;} .padding-60{ padding:60px !important;} .padding-fluid-1{padding:1vw !important;} .padding-fluid-2{padding:2vw !important;} .padding-fluid-3{padding:3vw !important;} .padding-fluid-4{padding:4vw !important;} .padding-fluid-5{padding:5vw !important;} .padding-fluid-6{padding:6vw !important;} .padding-fluid-7{padding:7vw !important;} .padding-fluid-8{padding:8vw !important;} .padding-fluid-9{padding:9vw !important;} .padding-fluid-10{padding:10vw !important;} .padding-fluid-11{padding:11vw !important;} .padding-fluid-12{padding:12vw !important;} .padding-fluid-top-1{padding-top:1vw !important;} .padding-fluid-top-2{padding-top:2vw !important;} .padding-fluid-top-3{padding-top:3vw !important;} .padding-fluid-top-4{padding-top:4vw !important;} .padding-fluid-top-5{padding-top:5vw !important;} .padding-fluid-top-6{padding-top:6vw !important;} .padding-fluid-top-7{padding-top:7vw !important;} .padding-fluid-top-8{padding-top:8vw !important;} .padding-fluid-top-9{padding-top:9vw !important;} .padding-fluid-top-10{padding-top:10vw !important;} .padding-fluid-top-11{padding-top:11vw !important;} .padding-fluid-top-12{padding-top:12vw !important;} .padding-fluid-right-1{padding-right:1vw !important;} .padding-fluid-right-2{padding-right:2vw !important;} .padding-fluid-right-3{padding-right:3vw !important;} .padding-fluid-right-4{padding-right:4vw !important;} .padding-fluid-right-5{padding-right:5vw !important;} .padding-fluid-right-6{padding-right:6vw !important;} .padding-fluid-right-7{padding-right:7vw !important;} .padding-fluid-right-8{padding-right:8vw !important;} .padding-fluid-right-9{padding-right:9vw !important;} .padding-fluid-right-10{padding-right:10vw !important;} .padding-fluid-right-11{padding-right:11vw !important;} .padding-fluid-right-12{padding-right:12vw !important;} .padding-fluid-bottom-1{padding-bottom:1vw !important;} .padding-fluid-bottom-2{padding-bottom:2vw !important;} .padding-fluid-bottom-3{padding-bottom:3vw !important;} .padding-fluid-bottom-4{padding-bottom:4vw !important;} .padding-fluid-bottom-5{padding-bottom:5vw !important;} .padding-fluid-bottom-6{padding-bottom:6vw !important;} .padding-fluid-bottom-7{padding-bottom:7vw !important;} .padding-fluid-bottom-8{padding-bottom:8vw !important;} .padding-fluid-bottom-9{padding-bottom:9vw !important;} .padding-fluid-bottom-10{padding-bottom:10vw !important;} .padding-fluid-bottom-11{padding-bottom:11vw !important;} .padding-fluid-bottom-12{padding-bottom:12vw !important;} .padding-fluid-left-1{padding-left:1vw !important;} .padding-fluid-left-2{padding-left:2vw !important;} .padding-fluid-left-3{padding-left:3vw !important;} .padding-fluid-left-4{padding-left:4vw !important;} .padding-fluid-left-5{padding-left:5vw !important;} .padding-fluid-left-6{padding-left:6vw !important;} .padding-fluid-left-7{padding-left:7vw !important;} .padding-fluid-left-8{padding-left:8vw !important;} .padding-fluid-left-9{padding-left:9vw !important;} .padding-fluid-left-10{padding-left:10vw !important;} .padding-fluid-left-11{padding-left:11vw !important;} .padding-fluid-left-12{padding-left:12vw !important;} .margin-center{float:inherit; margin:0 auto} .min-h-100{min-height:100px;} .min-h-120{min-height:120px;} .min-h-150{min-height:150px;} .min-h-200{min-height:200px;} .min-h-250{min-height:250px;} .min-h-300{min-height:300px;} .min-h-350{min-height:350px;} .min-h-400{min-height:400px;} .min-h-450{min-height:450px;} .h-xs-5{height:5vw} .h-xs-10{height:10vw} .h-xs-15{height:15vw} .h-xs-20{height:20vw} .h-xs-25{height:25vw} .h-xs-30{height:30vw} .h-xs-35{height:35vw} .h-xs-40{height:40vw} .h-xs-45{height:45vw} .h-xs-50{height:50vw} .h-xs-55{height:55vw} .h-xs-60{height:60vw} @media only screen and (min-width: 768px){ .min-h-sm-100{min-height:100px;} .min-h-sm-120{min-height:120px;} .min-h-sm-150{min-height:150px;} .min-h-sm-200{min-height:200px;} .min-h-sm-250{min-height:250px;} .min-h-sm-300{min-height:300px;} .min-h-sm-350{min-height:350px;} .min-h-sm-400{min-height:400px;} .min-h-sm-450{min-height:450px;} .h-sm-5{height:5vw} .h-sm-10{height:10vw} .h-sm-15{height:15vw} .h-sm-20{height:20vw} .h-sm-25{height:25vw} .h-sm-30{height:30vw} .h-sm-35{height:35vw} .h-sm-40{height:40vw} .h-sm-45{height:45vw} .h-sm-50{height:50vw} .h-sm-55{height:55vw} .h-sm-60{height:60vw} } @media only screen and (min-width: 1024px){ .min-h-md-100{min-height:100px;} .min-h-md-120{min-height:120px;} .min-h-md-150{min-height:150px;} .min-h-md-200{min-height:200px;} .min-h-md-250{min-height:250px;} .min-h-md-300{min-height:300px;} .min-h-md-350{min-height:350px;} .min-h-md-400{min-height:400px;} .min-h-md-450{min-height:450px;} .h-md-5{height:5vw} .h-md-10{height:10vw} .h-md-15{height:15vw} .h-md-20{height:20vw} .h-md-25{height:25vw} .h-md-30{height:30vw} .h-md-35{height:35vw} .h-md-40{height:40vw} .h-md-45{height:45vw} .h-md-50{height:50vw} .h-md-55{height:55vw} .h-md-60{height:60vw} } /* COLUMN */ .col-two{ column-count: 2; -moz-column-count: 2; -webkit-column-count:2; } .col-three{ column-count: 3; -moz-column-count: 3; -webkit-column-count:3; } .col-two, .col-three{ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; text-align:justify; } ul.list.two-col{ -webkit-column-count:2; -moz-column-count:2; column-count:2; } @media only screen and (max-width: 1280px){ .col-three{ column-count: 2; -moz-column-count: 2; -webkit-column-count:2; } } @media only screen and (max-width: 767px){ .col-two, .col-three{ column-count: 1; -moz-column-count: 1; -webkit-column-count:1; } } /* BUTTON */ .btn{ background:transparent; border-radius: 1px; color:#000; font-size: 14px; line-height: 19px; padding: 11px 25px; border-radius:30px; text-decoration: none; letter-spacing: 2px; text-transform:uppercase; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .btn.btn-aqua{ background:#d6a272; color:#fff; } .btn.btn-red{ background:#ff6464; color:#fff; } .btn.btn-dark{ background:#780047; color:#fff; } .btn.btn-white{ background:#fff; color:#3b9c9e; } .btn.btn-gold{background:#d6a272; color:#fff;} .btn.border-dark{ border:1px solid #181818; color:#181818; } .btn:hover, .btn.border:hover{ background:#222; border-color:#222 !important; color:#fff; } .arrow:after{ content: "\f105"; color: #000; font-family: 'FontAwesome'; padding-left: 15px; } .text-white .arrow:after{color:#fff} .btn-sm, .btn-group-sm > .btn { padding: 10px 15px; font-size: 12px; line-height: 1.5; } .book { background: #d6a272; font-size: 18px; font-weight: 500; letter-spacing: 1px; font-family: 'Lora', serif; color: #fff; line-height:60px; height:60px; padding: 0 25px; display: inline-block; float: right; text-transform: uppercase; position: absolute; top: 0; right: 0; z-index: 99; } /* MODAL BOX */ .modal-header{padding:0; border:none;} .modal-body{padding:35px;} .modal-content{border-radius:3px;} .modal-content-item small{color:#000; letter-spacing:1px;} .modal-header .close { margin-top: -7vw; margin-right: -2vw; } ul.modal-head{padding-left: 0px;} .modal-head ul{margin:0; padding-left:0;} .modal-head li{list-style:none; display:inline-block; margin-right:5px;} .modal-head li.h3{color:#000; font-weight:900; text-transform:uppercase;} .modal-content-item h3.h3{color:#000; font-weight:900; text-transform:uppercase;} .close { float: right; font-size: 35px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } /* ------------------------------------- Magnific Popup ----------------------------------------*/ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; background:#000; } .mfp-fade.mfp-bg.mfp-ready { opacity: .9; z-index:999999; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content, .mfp-fade.mfp-wrap .mfp-content iframe { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content, .mfp-fade.mfp-wrap.mfp-ready .mfp-content iframe { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content, .mfp-fade.mfp-wrap.mfp-removing .mfp-content iframe { opacity: 0; } .mfp-wrap { z-index:999999; } .mfp-img{ transform: translate3d(0,0,0); opacity:1 !important; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ max-width:100%; } /* .mfp-inline-holder .mfp-close{ color: #FFF; right: -6px; top:-44px; text-align: right; padding-right: 6px; width: 100%; } */ .mfp-close{color:#000; opacity:1;} .mfp-close2 { color: #000; background-color: rgba(255, 255, 255, 0); width: 44px; height: 44px; line-height: 44px; position: relative; right: -67vw !important; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 4px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .white-popup-block { text-align: left; max-width: 100%; height: 100vh; position: relative; overflow: auto; padding: 4vw; } .light-grey-popup-block { text-align: left; max-width: 780px; margin: 40px auto; position: relative; } .light-sm-grey-popup-block{ text-align: left; max-width: 640px; margin: 40px auto; position: relative; } .light-grey-popup-block, .light-sm-grey-popup-block{ background: #fff; } .mfp-arrow-left{ background:url(images/left-arrow-light.png) 50% 50% no-repeat !important; } .mfp-arrow-right{ background:url(images/right-arrow-light.png) 50% 50% no-repeat !important; } .mfp-arrow:before, .mfp-arrow:after{display:none;} img.mfp-img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .more-btn.collapsed:before{content:'See more +'} .more-btn:before{content:'See less -'; text-transform:uppercase; font-weight:600} .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 0px; box-sizing: border-box;} button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; color:#fff; background: #d6a272; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-close-btn-in .mfp-close{color:#fff;} .label2 { position: absolute; display: block; top: 25px; left: 40px; font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px; font-weight: 700; text-transform: uppercase; text-align: left; letter-spacing: 2px; } .price { position: absolute; display: block; top: 12px; right: 40px; font-family: 'coranto-2-headline',Arial,Helvetica,sans-serif; font-weight: 600; font-size: 35px; line-height: 35px; } .map-slide div#map-canvas { margin: 0 auto !important; padding: 13px; height: 700px !important; width: 80% !important; } .map-slide div#map-canvas .infos-content { margin: 10px 0px 10px 20px; width: 210px; text-align: center } .map-slide div#map-canvas .infos-content.hotel { height: 130px } .map-slide div#map-canvas .infos-content span.icon { display: inline-block; margin: 0px; padding: 0px; height: 55px; width: 55px; background-image:url(images/sp_map-small.png); background-repeat: no-repeat } .map-slide div#map-canvas .infos-content.hotel span.icon { background-image:url(images/img_hotel-icon.jpg); } .map-slide div#map-canvas .infos-content.restaurant span.icon { background-position: -55px 0px } .map-slide div#map-canvas .infos-content.bar span.icon { background-position: -55px -55px } section.content article.access div.map-slide div#map-canvas .infos-content.cafe span.icon { background-position: -55px -110px } .map-slide div#map-canvas .infos-content.museum span.icon { background-position: -55px -165px } .map-slide div#map-canvas .infos-content.art_gallery span.icon { background-position: -55px -220px } .map-slide div#map-canvas .infos-content.parking span.icon { background-position: -55px -275px } .map-slide div#map-canvas .infos-content.subway_station span.icon { background-position: -55px -330px } .map-slide div#map-canvas .infos-content.train_station span.icon { background-position: -55px -385px } .map-slide div#map-canvas .infos-content.airport span.icon { background-position: -55px -440px } .map-slide div#map-canvas .infos-content h1 { display: block; margin: 10px 0px 3px 0px; padding: 0px; font-family: 'coranto-2-headline', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; font-weight: 300; text-align: center; letter-spacing: 1px; color: #000 } .map-slide div#map-canvas .infos-content p.address { display: block; /*margin: 15px 0px;*/ font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 0.5); font-size: 12px; text-align: center } .map-slide div#map-canvas .infos-content p.phone { float: left; display: block; padding-left: 20px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 0.5); font-size: 12px; margin: 0; vertical-align: middle; line-height: 17px; } .map-slide div#map-canvas .infos-content p.phone span { position: absolute; display: block; margin-left: -20px; height: 16px; width: 16px; background-image:url(images/sp_bullemap.jpg); background-repeat: no-repeat } .map-slide div#map-canvas .infos-content a.email, v.map-slide div#map-canvas .infos-content a.website { float: right; display: block; height: 15px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 0.5); font-size: 12px } .map-slide div#map-canvas .infos-content a.email:hover, .map-slide div#map-canvas .infos-content a.website:hover { color: rgba(0, 0, 0, 1) } .map-slide div#map-canvas .infos-content a.email span, .map-slide div#map-canvas .infos-content a.website span { position: absolute; display: block; margin-left: -20px; height: 16px; width: 16px; background-image:url(images/sp_bullemap.jpg); background-repeat: no-repeat; background-position: -32px 0px } .map-slide div#map-canvas .infos-content div.minutes { display: block; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 0.5); font-size: 16px; text-align: center; border-top: 1px dotted #e2e4ed } .map-slide div#map-canvas .infos-content.airport div.minutes, .map-slide div#map-canvas .infos-content.train_station div.minutes { display: none } .map-slide div#map-canvas .infos-content div.minutes span { display: inline-block; margin-right: 5px; height: 20px; width: 20px; background-image: url(/img/maps/img_distance-icon.jpg); background-repeat: no-repeat; background-position: 0px 0px } .map-slide ul.places-links { position: absolute; top: 34%; right: 13%; margin: -250px 0px 0px 0px; padding: 0px; background-color: #000; } .map-slide ul.places-links li { display: block; margin: 0px; padding: 0px } .map-slide ul.places-links li a { display: block; margin: 0px; padding: 0px; height: 55px; width: 55px; background-image:url(images/sp_map-small.png); background-repeat: no-repeat; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s } .map-slide ul.places-links li a:hover, .map-slide ul.places-links li a.active { background-color: #ae8f60 } .map-slide ul.places-links li a.restaurant { background-position: 0px 0px } .map-slide ul.places-links li a.bar { background-position: 0px -55px } .map-slide ul.places-links li a.cafe { background-position: 0px -110px } .map-slide ul.places-links li a.museum { background-position: 0px -165px } .map-slide ul.places-links li a.art_gallery { background-position: 0px -220px } .map-slide ul.places-links li a.parking { background-position: 0px -275px } .map-slide ul.places-links li a.subway_station { background-position: 0px -330px } .map-slide ul.places-links li a.train_station { background-position: 0px -385px } .map-slide ul.places-links li a.airport { background-position: 0px -440px } .map-slide p.info { position: absolute; top: 47%; left: 189px; margin: 0px; padding: 15px 10px 10px 35px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: rgba(0, 0, 0, 1); background-color: #fff; } .map-slide p.info::before { position: absolute; content: ''; top: 50%; left: 10px; display: block; margin: -6px 0px 0px 0px; padding: 0px; height: 15px; width: 15px; background-image: url(images/img_access-info.png); background-repeat: no-repeat; background-position: center } /* OVERLAY */ .w-overlay{position:relative;} .w-overlay:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: #000; opacity: .15; z-index:0} .w-overlay.green:before{background:#a2a466} .w-overlay.darker:before{opacity: .45;} .w-overlay.darkest:before{opacity: .70;} .overlay h2, .overlay h3, .overlay h4{line-height:normal; margin-bottom:3px;} /* .overlay p{line-height:normal;} */ .overlay .big-num-back{position:absolute; font-size:26em; font-weight:700; line-height:0.7em; color:#fff; right:30px; bottom:0;} */ .loading .overlay-caption{opacity:0;} .overlay-caption{ position:absolute;width:100%; height:100%; top:0;left:0; display:table-cell; vertical-align:middle; } .overlay-caption:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;} .overlay-caption:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:2; background:rgba(0,0,0,.15); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .overlay-caption.transparent:after{background:none !important} .overlay-caption.to-light:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.35)} .overlay:hover .overlay-caption.to-light:after{background:rgba(0,0,0,0)} .overlay-caption.to-dark:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.15)} .overlay:hover .overlay-caption.to-dark:after{background:rgba(0,0,0,.45)} .overlay:hover a img{ opacity: .5; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .overlay-caption.darker:after{background:rgba(0,0,0,.65)} .overlay-caption.gradient:after{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.35) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.35) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .overlay figure a img{opacity:1 !important;} .caption-content{width:99.999%; display:inline-block; vertical-align:middle; position:absolute; z-index:90; padding:25px 30px;} .caption-content.bottom-left, .caption-content.top-left{position:absolute; text-align:left;} .caption-content.bottom-right, .caption-content.top-right{position:absolute; text-align:right;} .caption-content.top-center, .caption-content.bottom-center, .caption-content.middle-center{position:absolute; text-align:center;} .caption-content.bottom-center{left:0; right:0; bottom:0; text-align:center;} .caption-content.bottom-left{left:0; bottom:0; width:99.99%; z-index:98;} .caption-content.bottom-right{right:0; bottom:0; width:99.99%; z-index:98;} .caption-content.middle-center{top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .caption-content.top-left{left:0; top:0; width:99%; z-index:98;} .caption-content.top-center{left:0; right:0; top:0; width:99%; z-index:98;} .caption-content.top-right{right:0; top:0; width:99%; z-index:98;} .caption-content.from-invisible, .caption-content.from-visible{opacity:0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 1.05em;} .caption-content.from-visible{opacity:1;} .overlay-caption:hover .caption-content.from-invisible{opacity:1;} .overlay-caption:hover .caption-content.from-visible{opacity:0;} .caption-content.gradient{ background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,-0.5) 0%,rgba(0,0,0,0.5) 100%); } .overlaybg{position:relative; z-index:0;} .overlaybg:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.4);z-index:-1;} .overlaybg.dark:after{background:rgba(0,0,0,.75)} .overlaybg.darker:after{background:rgba(0,0,0,.85)} /* FONT STYLE */ .text-black, .text-black h2, .text-black .h2, .text-black h3, .text-black .h3, .text-black h4, .text-black .h4, .text-black ul li, .text-black ol li, .text-black a, .text-black i{color:#000 !important} .text-white, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white ul li, .text-white ol li, .text-white a, .text-white label, .text-white i{color:#fff !important} .text-uppercase{text-transform:uppercase;} .text-underline{text-decoration:underline;} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center;} .p-relative{position:relative;} .d-table-cell{display:table-cell; vertical-align:middle} .d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;} .overflow-hidden{overflow: hidden} /* ------------------------------------- RESERVATION ----------------------------------------*/ .box-book{ margin: 0 5px; background: #ffffff; color: #000; border-bottom: 2px solid #ececec; } .box-book.no-border{border:none;} .box-book i{font-size:18px;} .reservation-wrapper{background:#fff; z-index:2; position:relative;} #reservation{background:#fff; padding:20px 20px 10px 20px; position:relative; } #home #reservation{} #reservation .btn{ font-weight:700; font-family: 'Lato', sans-serif; text-transform:uppercase; width:100%; padding: 15px; } #reservation .btn{ padding: 12px 20px !important; } #reservation .form-control, #reservations .form-control { padding:0; border-bottom: none; border-radius: 0; border-width: 0 0 0 0; border-style: none none solid none; box-shadow: none; font-size:18px; color:#926b1f; background:#fff; } #reservations .form-control{padding:5px 15px; background:#fff;} #reservation .datepicker{padding:0;} #reservation label, #reservations label{ font-weight: 400; font-size: 11px; letter-spacing: 2px; margin-bottom:0; text-transform: uppercase; } #reservation label i{font-size:11px;} #reservations label{margin-bottom:10px;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color:#e3e3e3} .datepicker td, .datepicker th{color:#000; padding:10px !important} .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{background:#} .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{ background-color: #d6a272 !important;} #reservation select.form-control, #reservations select.form-control{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url('images/select-arrow-black.png'); background-repeat: no-repeat; background-position: 100% 50%; } #reservations select.form-control{background-position: 95% 50%;} .box-book.no-border{border:none;} .box-book i{font-size:18px;} #h-reservation{ transform:translateY(-50%); box-shadow:0 1px 2px rgba(0,0,0,.05); background:#fff; padding:0; position:relative; z-index:95; } #h-reservation > .row{display:flex;} /* #home #h-reservation{transform:translateY(-50%); box-shadow:0 1px 2px rgba(0,0,0,.05)} */ #h-reservation .btn{ font-weight:700; font-family: 'Lato', sans-serif; text-transform:uppercase; width:100%; padding: 15px; } #h-reservation .btn{ padding: 12px 25px !important; } /* #h-reservation .form-item, #h-reservations .form-item {width:19.99%; float:left} */ #h-reservation .form-control, #h-reservations .form-control { padding:0; border: none !important; box-shadow: none !important; font-size:18px; color:#926b1f; background:#fff; } #h-reservation .form-control{height:30px;} #h-reservations .form-control{padding:15px 20px; background:#fff; height:50px;} #h-reservation .form-item{padding:0;margin:0; padding: 20px 30px; background: #ffffff; border-left: 1px solid rgba(0,0,0,.1);} #h-reservation .datepicker{padding:0;} #h-reservation label, #h-reservations label{ font-weight: 400; font-size: 12px; letter-spacing: 2px; margin-bottom:0; text-transform: uppercase; } #h-reservation label i{font-size:12px;} #h-reservations label{margin-bottom:10px;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color:#e3e3e3} .datepicker td, .datepicker th{color:#000; padding:10px !important} .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{background:#} .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{ background-color: #a2a466 !important;} .datepicker .datepicker-days{background:#fff;} .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{background:#574f24; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;} .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{background:#a2a466 !important} .datepicker-dropdown{background:transparent;} .datepicker.datepicker-dropdown.dropdown-menu{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;} #h-reservation select.form-control, #h-reservations select.form-control{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url('images/select-arrow-black.png'); background-repeat: no-repeat; background-position: 100% 50%; } #h-reservation select.form-control{background-position: 95% 50%;} #h-reservation [class*="label-"]{color:#000;} #h-reservation .label-day{font-family: 'Lora'; font-size: 54px; height: 45px; line-height: 45px; padding:0 10px;} #h-reservation input.text{font-size:35px;} #h-reservation .label-year{font-size:11px; padding: 3px 0;} #h-reservation .label-month{text-transform:uppercase; padding: 3px 0;font-weight: 600;} #h-reservation .floating-cover-input{position:absolute; width:100% !important; height:100% !important; opacity:0; top:0; left:0; cursor:pointer} #h-reservation .btn{position:absolute !important; width:100%; height:100%; left:0; bottom:0; font-family: 'Lora'; font-size: 25px; white-space: normal; line-height:27px; border-radius:0;} /* GALLERY */ #gallery-filter.gallery-menu a{padding:5px 20px; margin:0 3px; color:#777; border:1px solid transparent;} #gallery-filter.gallery-menu a:after{content:''; margin-left:20px; position:absolute; height:100%;} #gallery-filter.gallery-menu a:hover, #gallery-filter a.selected{color:#000; border: 1px solid #d6a272 !important; border-radius:30px;} #gallery-filter.gallery-menu a:last-child:after{display:none;} .effect-15 { width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(0%, 0%); opacity: 0; transition: all .3s ease-in-out; } .effect-item-4 .overlay-text { transform: translate(-50%, 10px); opacity: 0; transition: all .5s; } .effect-item-4:hover .effect-15{opacity: 1;} .effect-item-4:hover .overlay-text { transform: translate(-50%, -50%); opacity: 1; } .item { flex: 0 1 auto; align-self: auto; position: relative; overflow: hidden; cursor: pointer; } .item .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overlay-text h2 { color:#fff; margin: 0; } .overlay-text h3{ color: #fff; font-size: 18px; text-transform:uppercase; letter-spacing:2px; } .overlay-text h4{ color:#fff; text-transform:uppercase; font-size: 12px; } .overlay-text p { display: inline-block; margin-bottom: 0; background: #27ae60; padding: 5px 10px; border-radius: 4px; } .grid-col{ padding:calc(8px + (48 - 45) * ((80vw - 480px) / (1600 - 480))) !important; padding-bottom:calc(8px + (51 - 45) * ((80vw - 480px) / (1600 - 480))) !important; } .chronoz{line-height: 1.2;} .chronoz section{padding: 0 0 20px 0;} .chronoz hr{margin:5px 0;} .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}